<template>
 <div class="topBar">
     <div class="search">
         <form action="/">
        <van-search placeholder="想买？"  v-model="searchV"
                    @search="onSearch"
                    shape="round"
                />
         </form>

     </div>
  <van-icon class="ellip" size="0.4rem" name="ellipsis" color="#333" />
 </div>
</template>
 
<script>
 
export default {
    name:"topBar",
   data() {
      return {
          searchV:''
      }
   },
   methods: {
       onSearch() {
           console.log(123)
       }
   },
   computed: {
       isHome() {
           if(this.$route.path=='/'){
               return true
           }else{
               return false
           }
           
       }
   },
   mounted(){
       
   }
}
 
</script>
 
<style lang="stylus" scoped>
.topBar
    position relative
    display flex
    width 100%
    line-height 0.8rem
    justify-content space-between
    padding 0 0.15rem
    box-sizing border-box
    .search
        position relative
        width 80%
        >>>.van-search
            padding 0.12rem 0
    >>>.van-icon-ellipsis
        line-height 0.92rem
 
</style>
